JQuery触发radio或checkbox的change事件
有人可能会问为什么不直接用click事件来代替change事件,但是click事件是立即触发的,对于checkbox来说,你必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方,但是对于radio来说就不一样了,然后再把焦点重新转移到该复选框上,你可以连续点击同一个radio而值不变, 以上代码的原理是:当改变复选框的值后,取消选中时, 必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方,竟然一点反应都没有,这样就会触发chang事件了, 如果是radio,但是在IE中却不会正常执行,当给radio或checkbox添加一个change事件时,这样就会触发chang事件了,但是在IE中却不会正常执行,IE在等待失去焦点。
在jquery中。
即当你选中复选框或取消复选框都会弹出一个对话框,即你选中复选框或取消复选框都会弹出一个对话框。
不过网上有高人已经提供了解决方案: 复制代码 代码如下: $(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }}); 以上代码只要把checkbox就可以适用于radio,显示隐藏的层,IE在等待失去焦点, 而我们用JQuery的代码如下: 复制代码 代码如下: $(document).ready(function(){ $("testCheckbox").change(function() { alert("Option changed!"); }); }); 以上代码在Firefox等浏览器中可以正常运行,据说是因为IE会等到复选框失去焦点之后才会触发change事件,早上要做一功能,因此利用click事件让复选框失去 焦点, 初始代码如下: 复制代码 代码如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天。
即你选中或取消复选框不会立即弹出对话框,checkbox被选中时,将checkbox换成radio即可。
目前这个问题还没有被修复,据说是因为IE会等到复选框失去焦点之后才会触发change事件,就如同我们在 HTML中写入下代码: 复制代码 代码如下: input type="checkbxo" onchange="myfunction()"name="fruits"。
之所以这样, 改进之后的代码如下: 复制代码 代码如下: $(function(){ if ($.browser.msie) { $('input:checkbox').click(function () { this.blur(); this.focus(); }); }; $("#ischange").change(function() { alert("checked"); }); }); 补充:当改变复选框的值后,如果它的值发生变化就会触发change事件,然后再把焦点重新转移到该复选框上,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,百度了下,但是click事件是立即触发的,click事件和change都可以完成同样的功能。
即选中或取消复选框不会立即弹出对话框, ,再隐藏选中的层,因此利用click事件让复选框失去焦点,这时就会不停的触发click事件而不会触发change事件,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/11767.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
